<template>
	<view>

		<view class="w96 radius20 bgwhite mt20" style="padding:20rpx 0rpx;">
			<view class="w94">
				<u-steps direction="column" :list="numList" :current="current" mode="number" icon="checkbox-mark"
					active-color="#000"></u-steps>
			</view>

			<view class="w96 flex-between mt20">
				<u-grid :col="2" :border="false">
					<u-grid-item :customStyle="{'padding':'0rpx'}" bgColor="transparent">
						<u-icon name="order" :size="40" color="#2e80fe"></u-icon>
						<view class="grid-text" style="color:#2e80fe">重新下单</view>
					</u-grid-item>
					<u-grid-item :customStyle="{'padding':'0rpx'}" bgColor="transparent">
						<u-icon name="kefu-ermai" :size="40"></u-icon>
						<view class="grid-text">联系客服</view>
					</u-grid-item>
				</u-grid>
			</view>
		</view>

		<view class="w96 radius20 bgwhite mt20">
			<view class="w94" style="padding:30rpx 0rpx;font-weight: bold;border-bottom:2rpx solid #eee;">
				预约信息
			</view>
			<view class="w94">
				<u-cell-group :border="false">
					<u-cell-item :border-bottom="false" :border-top="false" :arrow="false" title="预约时间" value="2022-12-23 16:30"></u-cell-item>
					<u-cell-item :border-bottom="false" :border-top="false" :arrow="false" title="服务地址" value="白云区石握路石桥中街8号601房" value_label="周生 137****8416"></u-cell-item>
				</u-cell-group>
			</view>
		</view>
		
		<view class="w96 radius20 bgwhite mt20">
			<view class="w94" style="padding:30rpx 0rpx;font-weight: bold;border-bottom:2rpx solid #eee;">
				服务信息
			</view>
			<view class="w94">
				<u-cell-group :border="false">
					<u-cell-item :border-bottom="false" :border-top="false" :arrow="false" title="服务产品" value="洗衣机维修"></u-cell-item>
				</u-cell-group>
			</view>
		</view>
		
		<view class="w96 radius20 bgwhite mt20">
			<view class="w94" style="padding:30rpx 0rpx;font-weight: bold;border-bottom:2rpx solid #eee;">
				订单信息
			</view>
			<view class="w94">
				<u-cell-group :border="false">
					<u-cell-item :border-bottom="false" :border-top="false" :arrow="false" title="订单号码" value="O2O2022122314167756868"></u-cell-item>
					<u-cell-item :border-bottom="false" :border-top="false" :arrow="false" title="下单时间" value="2022-12-22 23:53"></u-cell-item>
					<u-cell-item :border-bottom="false" :border-top="false" :arrow="false" title="取消时间" value="2022-12-23 14:51"></u-cell-item>
				</u-cell-group>
			</view>
		</view>
		
		<view style="width:100%;height: 100rpx;"></view>
		
	</view>
</template>

<script>
	// , {
	// 	name: '已到达'
	// }, {
	// 	name: '工作中'
	// }, {
	// 	name: '已完成'
	// }
	export default {
		data() {
			return {
				current: 1,
				numList: [{
					name: '已下单',
					tips: '预定成功，将尽快为您派单',
					time: '2022-12-23 12:21'
				}, {
					name: '已取消',
					tips: '取消成功，有任何问题请联系官方客服',
					time: '2022-12-23 13:54'
				}]
			}
		},
		computed: {

		},
		methods: {

		}
	}
</script>

<style>
	.grid-text {
		font-size: 22rpx;
		margin-top: 12rpx;
		color: #000;
	}
</style>
